<template>
    <div class="container-wrapper">
        <div class="home">
            <home-header class="home-header"></home-header>
            <home-top></home-top>
            <home-index></home-index>
            <home-recom></home-recom>
            <home-weekend></home-weekend>
            <home-guess></home-guess>
        </div>
    </div>
    
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import HomeTop from "../components/Home/HomeSwiper";
import HomeHeader from "../components/Home/HomeHeader";
import HomeIndex from "../components/Home/HomeIndex";
import HomeRecom from "../components/Home/HomeRecom";
import HomeWeekend from "../components/Home/HomeWeekend";
import HomeGuess from "../components/Home/HomeGuess";
export default {
  name: 'Home',
  components: {
    HomeGuess,
    HomeWeekend,
    HomeRecom,
    HomeTop,
    HomeHeader,
    HomeIndex,
    // HelloWorld
  }
}
</script>

<style scoped>
/*.back{*/
/*  !*position: fixed;*!*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  top: 0px;*/
/*  background-color: #eeeeee;*/
/*}*/
.home{
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #ffffff;
}
.home::-webkit-scrollbar{
    display: none;
}
.home-header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  width: 100%;
}
</style>
